<template>
  <div class="banner">
    <!-- 轮播图组件 -->
    <van-swipe class="my-swipe" :autoplay="1000" >
      <van-swipe-item v-for="(item,index) in ban" :key="index">
        <img :src="item.bannerUrl" alt="">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import { banner, shop_list, tuan_list, user_login } from '../../utils/api'

export default {
  data(){
     return {
       ban:[]
     }
   },
   mounted(){
       banner().then((res)=>{
        this.ban = res.data.list;
       })
   },
}
</script>

<style lang='scss' scoped>
.banner {
  margin: 10px;
}
.banner img {
  width: 100%;
  border-radius: 5px;
}
</style>